<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>买车页面</title>
    <link rel="stylesheet" href="./2.css    ">
    <link rel="stylesheet" href="./bootstrap.css">
    <link rel="stylesheet" href="./animate.css">
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    
</head>
</head>

<body>
    <div>
        <div class="navbar navbar-light bg-light navbar-expand-lg">
            <a href="./项目首页.html" class="navbar-brand">CRENTAL</a>
            <button data-toggle="collapse" data-target="#bar1" class="navbar-toggler">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div id="bar1" class="collapse navbar-collapse animated bounceInLeft">
                <ul class="navbar-nav">
                    <li class="nav-tiem"><a href="#lunbo" id="a1" class="nav-link">轮播</a></li>
                    <li class="nav-tiem"><a href="#deals" id="a2" class="nav-link">品牌</a></li>
                    <li class="nav-tiem"><a href="#cars" id="a3" class="nav-link">车展</a></li>
                    <li class="nav-tiem"><a href="#about" id="a4" class="nav-link">扩展</a></li>
                    <li class="nav-tiem"><a href="../摩托车.html" class="nav-link">摩托</a></li>
                    <li class="nav-tiem"><a href="../跨戳/quachuo.html" class="nav-link">跨戳</a></li>
                    <li class="nav-tiem"><a href="../评测/home.html" class="nav-link">车辆评测</a></li>
                    <li class="nav-tiem"><a href="../关于介绍/index.html" class="nav-link  navbar">关于我们</a></li>
                    <li class="nav-tiem"><a href="../新闻资讯/xinwen.html" class="nav-link">新闻资讯</a></li>
                    <li class="nav-tiem"><a href="../买车页面/1.html" class="nav-link">我要买车</a></li>
                    <li class="nav-tiem"><a href="../卖车页面.html" class="nav-link">我要卖车</a></li>
                    <li class="nav-tiem"><a href="../私人订制.html" class="nav-link">私人订制</a></li>
                    <li class="nav-tiem"><a href="../联系我们/index.html" class="nav-link">联系我们</a></li>
                    <li class="nav-tiem"><a href="../3D/3D相册.html" class="nav-link">3D效果图</a></li>
                    <li class="nav-tiem"><a href="../登录注册/a.html" class="nav-link">登录/注册</a></li>
                  
    
                </ul>
            </div>
        </div>
        </div>


    <div id="bigbox" class=" container ">
        <div id="boxtop">
            <p>您当前的选择：
            <p> 关键字</p>
            <input type="text" />
            <button type="button">确定</button>
            <div>A 奥迪</div>
        </div>
        <div id="dingzhi">
            <a style="text-decoration: none;" href="#"><img src="./img/bi.png" alt="" />在线私人订制</a>
        </div>

        <div id="box">
            <div class="pinpai">
                <div class="pinpai1">
                    品牌：
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/55a46160eac22.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/55a4613f6aab9.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/55c8639f1aa89.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/567a3b2190d9f.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/567a3cdb8bf68.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/55a4afc65ed32.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/55a34e9dcd43a.png"
                            alt="" /></a>
                    <a href=""><img src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/567a3d20d7df1.png"
                            alt="" /></a>
                    <!-- 下拉框选择想要的品牌 -->
                    <div class="xiala">
                        <select>
                            <option>选择品牌</option>
                            <option value="9">A 奥迪</option>
                            <option value="82">B 保时捷</option>
                            <option value="127">B 别克</option>
                            <option value="2">B 奔驰</option>
                            <option value="3">B 宝马</option>
                            <option value="85">B 宾利</option>
                            <option value="172">B 巴博特</option>
                            <option value="26">B 本田</option>
                            <option value="5">B 标志</option>
                            <option value="8">D 大众</option>
                            <option value="113">D 道奇</option>
                            <option value="7">F 丰田</option>
                            <option value="17">F 福特</option>
                            <option value="4">J Jeep</option>
                            <option value="98">J 捷豹</option>
                            <option value="51">K 克莱斯勒</option>
                            <option value="107">K 凯迪拉克</option>
                            <option value="80">L 劳斯莱斯</option>
                            <option value="96">L 路虎</option>
                            <option value="94">L 雷克萨斯</option>
                            <option value="81">M 玛莎拉蒂</option>
                            <option value="93">M MINI</option>
                            <option value="18">M 马自达</option>
                            <option value="155">N 纳智捷</option>
                            <option value="30">R 日产</option>
                            <option value="89">s smart</option>
                            <option value="25">S 三菱</option>
                            <option value="111">S 斯巴鲁</option>
                            <option value="19">W 沃尔沃</option>
                            <option value="13">X 现代</option>
                            <option value="49">X 雪佛兰</option>
                            <option value="100">Y 英菲尼迪</option>
                        </select>
                        <select>
                            <option value="">选择车系</option>
                        </select>
                    </div>
                </div>

            </div>
            <div class="jiage">
                <div class="jiage1">
                    价格：
                    <!-- 价格区间 -->
                    <a href="#">30万以内</a>
                    <a href="#">30-50万</a>
                    <a href="#">50-100万</a>
                    <a href="#">100万以上</a>
                    <input type="text" class="input1" />
                    -
                    <input type="text" />
                    万元
                    <button style="margin-left: 20px;">确定</button>
                </div>
            </div>
            <div class="chexing1">
                <div class="chexing2">
                    <div style="float: left;">车型：</div>
                    <div class="tupian"><a href=""><img
                                src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/c1.gif" alt=""></a><br>小型
                    </div>
                    <div class="tupian"><a href=""><img
                                src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/c2.gif" alt=""></a><br>轿车
                    </div>
                    <div class="tupian"><a href=""><img
                                src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/c3.gif" alt=""></a><br>跑车
                    </div>
                    <div class="tupian"><a href=""><img
                                src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/c4.gif" alt=""></a><br>SUV
                    </div>
                    <div class="tupian"><a href=""><img
                                src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/c5.gif" alt=""></a><br>MPV
                    </div>
                    <div class="tupian"><a href=""><img
                                src="http://demo.mxyhn.xyz:8020/cssthemes6/12.31ZF18/images/c6.gif" alt=""></a><br>房车
                    </div>
                </div>
            </div>
            <div class="cheling">
                <div class="cheling1">
                    车龄：
                    <a href="#">1年以内</a>
                    <a href="#">2年以内</a>
                    <a href="#">3年以内</a>
                    <a href="#">5年以上</a>
                    <input type="text" class="input2" />
                    -
                    <input type="text" />
                    年
                    <button>确定</button>
                </div>
            </div>
            <div class="licheng">
                <div class="licheng1">
                    里程：
                    <a href="#">一万公里以内</a>
                    <a href="#">1-3万公里</a>
                    <a href="#">3-6万公里</a>
                    <a href="#">6万公里以上</a>
                    <input type="text" class="input3" />
                    -
                    <input type="text" />
                    万公里
                    <button>确定</button>
                </div>
            </div>
            <div class="paifang">
                <div class="paifang1">
                    排放标准：
                    <a href="#">国四</a>
                    <a href="#">国五</a>
                </div>
            </div>

        </div>
    </div>


    <div class="jianjie">
        <div class="benchi animated swing">
            <div class="img">
                <img src="./img/u=3267565096,3383760640&fm=26&fmt=auto.webp" alt="">
            </div>
            <div class="xiangqing">
                <div class="div1">奔驰C级 2013 款 1.8T自动 C260 CGI时尚型</div>
                <br>
                <div class="div2">上牌时间：2013-08 行驶里程：4.5万公里 排量：1.8T 排放标准：国四</div>
                <br>
                <div class="div3">一口价<br>
                    <div style="color: black; font-size: 20px;">22.8万元</div>
                </div>
                <div class="div4">新车价：41.57万元(含32732元购置税)<br>
                    为您节省：18.77万元</div>
                <div class="div5">
                    <button>立即抢订</button>
                    <button>加入对比</button>
                    <button>收藏</button>
                </div>
            </div>
        </div>

        <div class="benchi animated swing">
            <div class="img ">
                <img src="./img/u=3267565096,3383760640&fm=26&fmt=auto.webp" alt="">
            </div>
            <div class="xiangqing">
                <div class="div1">奔驰C级 2013 款 1.8T自动 C260 CGI时尚型</div>
                <br>
                <div class="div2">上牌时间：2013-08 行驶里程：4.5万公里 排量：1.8T 排放标准：国四</div>
                <br>
                <div class="div3">一口价<br>
                    <div style="color: black; font-size: 20px;">22.8万元</div>
                </div>
                <div class="div4">新车价：41.57万元(含32732元购置税)<br>
                    为您节省：18.77万元</div>
                <div class="div5">
                    <button>立即抢订</button>
                    <button>加入对比</button>
                    <button>收藏</button>
                </div>
            </div>
        </div>

    </div>

    <div class="siren animated fadeInRight">
        <div class="d1">私人定制</div>
        <div class="d2">专业车辆顾问为您服务</div>
        <select name="" id="">
            <option value="">选择品牌（必选）</option>
            <option value="9">A 奥迪</option>
            <option value="82">B 保时捷</option>
            <option value="127">B 别克</option>
            <option value="2">B 奔驰</option>
            <option value="3">B 宝马</option>
            <option value="85">B 宾利</option>
            <option value="172">B 巴博特</option>
            <option value="26">B 本田</option>
            <option value="5">B 标志</option>
            <option value="8">D 大众</option>
            <option value="113">D 道奇</option>
            <option value="7">F 丰田</option>
            <option value="17">F 福特</option>
            <option value="4">J Jeep</option>
            <option value="98">J 捷豹</option>
            <option value="51">K 克莱斯勒</option>
            <option value="107">K 凯迪拉克</option>
            <option value="80">L 劳斯莱斯</option>
            <option value="96">L 路虎</option>
            <option value="94">L 雷克萨斯</option>
            <option value="81">M 玛莎拉蒂</option>
            <option value="93">M MINI</option>
            <option value="18">M 马自达</option>
            <option value="155">N 纳智捷</option>
            <option value="30">R 日产</option>
            <option value="89">s smart</option>
            <option value="25">S 三菱</option>
            <option value="111">S 斯巴鲁</option>
            <option value="19">W 沃尔沃</option>
            <option value="13">X 现代</option>
            <option value="49">X 雪佛兰</option>
            <option value="100">Y 英菲尼迪</option>
        </select>
        <select name="" id="">
            <option value="">选择车系（必选）</option>
        </select>
        <select name="" id="">
            <option value="">选择使用年限</option>
            <option value="">1年以内</option>
            <option value="">2年以内</option>
            <option value="">3年以内</option>
            <option value="">5年以上</option>
        </select>
        <input type="text" style="width: 35%;margin-left: 2%;margin-top: 10px;" placeholder="最少预算">
        <input type="text" style="width: 35%;margin-left: 10px;" placeholder="最多预算"><span>万元</span>
        <input type="text" style="margin-left: 2%;margin-top: 10px;width: 96%;" placeholder="计划购买时间">
        <input type="text" style="width:96%; margin:2%; height: 100px;" placeholder="其他要求">
        <button>提交需求</button>
    </div>

    <!-- 底部 -->
    <div class="dibu">
        <div id="footer" >
            <div id="ft1">
                <div id="ft11" class="container">
                    <div class="ft111 text-center">
                        <div><img src="./img/db1.png" alt=""></div>
                        <div class=" text-white">365项检测认证</div>
                    </div>
                    <div class="ft111 text-center">
                        <div><img src="./img/db2.png" alt=""></div>
                        <div class=" text-white">5000公里无需保养</div>
                    </div>
                    <div class="ft111 text-center">
                        <div><img src="./img/db3.png" alt=""></div>
                        <div class=" text-white">1年或两万公里无忧质保</div>
                    </div>
                    <div class="ft111 text-center">
                        <div><img src="./img/db4.png" alt=""></div>
                        <div class=" text-white">7天无忧退换</div>
                    </div>
                    <div class="ft111 text-center">
                        <div><img src="./img/db5.png" alt=""></div>
                        <div class=" text-white">置换有增值</div>
                    </div>
                </div>
            </div>
    
    
            <div id="ft2" class="container">
                <div id="ft22" class="row">
                    <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6 ">汽车之家承诺
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a href="" class="nav-link navbar-text">365项严苛检测</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">5000公里无需保养</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">一年或两万公里质保</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">7天退换</a></li>
                        </ul>
                    </div>
    
                    <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">买卖二手车指南
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a href="" class="nav-link navbar-text">“禁止长时间停车”到底能</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">20年前开桑塔纳的大款们，</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">豪华入门跨界车之争,奔驰G</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">像初恋一样爱它，该给它怎</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">常开车不等于会开车 你的</a></li>
                        </ul>
                    </div>
    
                    <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">售后服务
    
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a href="" class="nav-link navbar-text">24小时道路救援</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">豪车凹陷修复</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">定期上门维修保养服务</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">预约保养工时优惠</a></li>
                        </ul>
    
                    </div>
    
                    <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">关于汽车之家
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家动态</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家荣誉</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家优势</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">联系汽车之家</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">评估团队</a></li>
                        </ul>
    
                    </div>
    
                    <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">汽车之家文化
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a href="" class="nav-link navbar-text">诚·立中原</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">信·立天下</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">改变、规范、引领一方市场</a></li>
                            <li class="nav-item"><a href="" class="nav-link navbar-text">颠覆中原人购车理念</a></li>
                        </ul>
    
                    </div>
    
                </div>
    
                <div id="汽车之家">
                    Copyright © 2020 All Rights Reserved 河南汽车之家有限公司 版权
                    <br>
                    所有 豫ICP备汽车之家号
                    地址：汽车之家 服务热线：汽车之家
                </div>
            </div>
    
        </div>
    </div>
    </div>

    
</body>

</html>